<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title></title>
  <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
  <style>
	*{padding:0;margin:0}
	a{text-decoration:none;color:#fff}
	ul,li{list-style:none}
	body{background:#333;font-size:12px;font-family:"微软雅黑"}
	.box{width:200px;height:200px;background:red;margin:100px auto;border:20px solid #111;float:left;margin-left:100px;}
	.box:hover{border:20px solid green}

  </style>
 </head>
 <body>
	
	<div class="box"></div>

	<div class="box"></div>
	
 </body>
</html>
